<ion-view hide-nav-bar="true">
	<div class="nav-bar-block" nav-bar="active">
		<ion-header-bar class="bar-assertive bar bar-header  item-input-inset" align-title="center" style="padding-right:5px;">
			<label class="item-input-wrapper">
			    <i class="icon ion-ios-search placeholder-icon"></i>
			    <input type="search" placeholder="请输入您要找的人的名字" ng-model="searchName" ng-change="changSearchBtn()">
			</label>
			<button ng-if="searchBtn==0" ng-click="search()" ng-model="searchBtn" class="button searchBtnUn">
			    搜&nbsp;索
			</button>
			<button ng-if="searchBtn==1" ng-click="search(searchName)" ng-model="searchBtn" class="button searchBtn">
			    搜&nbsp;索
			</button>
		</ion-header-bar>
	</div>
	
    <ion-nav-buttons side="right">
        <button class="button" style="background-color: white;color:black;border: 0px;" ng-click="toTip()">借不到钱?</button>
    </ion-nav-buttons>
	
	<ion-side-menus>  
	<ion-side-menu-content>

	<ion-content delegate-handle="changScroll">
		<!--banner-->
		<ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=4000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
		    <ion-slide>
		   <div class="box blue">
		      <img src="img/invite2Banner.jpg" width="100%" ng-click="showGG5()">		     
		    </div>
		  </ion-slide>		  
		  <ion-slide>
		    <div class="box blue">
		      <img src="img/new-gg.jpg" width="100%" ng-click="showGG()">		     
		    </div>
		  </ion-slide>
		  		    <ion-slide>
		   <div class="box blue">
		      <img src="img/invite2Banner.jpg" width="100%" ng-click="showGG5()">		     
		    </div>
		  </ion-slide>		  
		  <ion-slide>
		    <div class="box blue">
		      <img src="img/new-gg.jpg" width="100%" ng-click="showGG()">		     
		    </div>
		  </ion-slide>
		  

		</ion-slide-box>
		
		<!--借投学院，帮助-->
		<div class="list" style="margin-left: 30px;">
			<a href="#/tab/zjr/articles" style="background-color: white;">
			<div style="float: left;width: 30%;text-align: center;height:50px;">
				<img src="img/1.png" height="50" style="margin-top: -3px;" />
				
			</div>
			</a>
			<a href="#/tab/zjr/help" style="background-color: white;">
			<div style="float: left;width: 30%;text-align: center;height:50px;">
				<img src="img/2.png" height="50" style="marsgin-top: -3px;" />
				
			</div>
			</a>
			<a href="#/tab/zjr/help" style="background-color: white;">
			<div style="float: left;width: 30%;text-align: center;height:50px;">
				<img src="img/3.png" height="50" style="margin-top: -3px;" ng-click="showGG3()" />
				
			</div>
			</a>
		</div>
		
		<div style="clear: left;background-color:#F8F8F8;height: 10px;"></div>
		
		<!--长贷短贷分类-->
		<div style="height: 51px;clear: left;line-height: 52px;text-align: center;color:#4D4D4D;">
			<div ng-if="isDuan==0">
				<div style="width: 50%;float: left;font-size:20px;border-bottom:1px solid #42bd55;">
					<div style="float: left;width: 60%;text-align: right;color:#42bd55;font-size:16px;">短贷</div>
					<div style="float: left;width: 40%;text-align: right;"><img src="img/icon-sx.png" width="13" ng-click="toggleRight()" />&nbsp;</div>
				</div>
				<div style="width: 50%;float: left;font-size:20px;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;" ng-click="changeDuan(1)">
					<div style="float: left;width: 60%;text-align: right;font-size:16px;">长贷</div>
				</div>
			</div>
			<div ng-if="isDuan==1">
				<div style="width: 50%;float: left;font-size:20px;border-bottom:1px solid #eaeaea;" ng-click="changeDuan(0)">
					<div style="float: left;width: 60%;text-align: right;font-size:16px;">短贷</div>
				</div>
				<div style="width: 50%;float: left;font-size:20px;border-bottom:1px solid #42bd55;border-left:1px solid #eaeaea;">
					<div style="float: left;width: 60%;text-align: right;color:#42bd55;font-size:16px;">长贷</div>
					<div style="float: left;width: 40%;text-align: right;"><img src="img/icon-sx.png" width="13" ng-click="toggleRight()" />&nbsp;</div>
				</div>
			</div>
		</div>
		
		<div style="clear: left;"></div>
		
		<!--短贷-->
		<ion-list ng-if="isDuan==0" style="min-height: 30px;">
			<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="produce in duanProduces" type="item-text-wrap"  style="border:0px;padding:0;margin: 0;">
				<div style="border-bottom:background-color: white;width:100%;">
					<div style="width: 100%;margin-top: 5px;height:52px;">
						<a ng-click="showMe()" style="text-decoration: none;color: black; display: block;float: left;width: 78%;">
							<div style="height: 47px;">
								<div style="float:left;width: 50px;margin-left: 15px;position:relative;">
									<img ng-src="http://image.credit-manage.com/{{produce.headPic}}" width="50px" height="50px"  style="border-radius: 100%;border:1px solid #d7d6d6;"  ng-if="produce.headPic!=null&&produce.headPic!=''">
									<img ng-src="img/head.png" width="50px" height="50px"  style="border-radius: 100%;border:1px solid #d7d6d6;" ng-if="produce.headPic==null||produce.headPic==''">
									<img ng-if="produce.payBackTitle==2"  src="img/tq.png" style="position: absolute; left: -9px;top:-9px;" />
									<img ng-if="produce.payBackTitle==1" src="img/ss.png" style=" position: absolute; left: -9px;top:-9px;"/>
								</div>
								<div style="float: left;margin-left: 10px;">
									<div style="height: 30px;">
										<p style="float: left; font-size: 15px; margin: 5px 0 0 0 ; height:25px; line-height: 25px;">{{produce.name}}</p>
										<em style="float: left; font-style: normal; display: block;background: #f6a91d; color: #fff; font-size: 11px; width: 28px; height: 16px; line-height: 16px; text-align: center; border-radius: 4px; margin-top: 9px; margin-left: 5px;">LV{{produce.tlevel}}</em>
										<span ng-if="produce.payBackTitle==2" style="background: url(img/tqwc.jpg) no-repeat left center; background-size:cover; width: 71px; height: 23px; display: block; float: left; text-align: left;  color: #fff;  line-height: 23px; margin-top: 6px; margin-left: 10px;"><i style="font-style: normal; color: #fff;font-size: .6em; display: block; width: 23px; text-align: center;line-height: 23px;">{{produce.payBackTitleCount}}</i></span>																
										<span ng-if="produce.payBackTitle==1" style="background: url(img/sswc.jpg) no-repeat left center; background-size:cover; width: 71px; height: 23px; display: block; float: left; text-align: left;  color: #fff;  line-height: 23px; margin-top: 6px; margin-left: 10px;"><i style="font-style: normal; color: #fff;font-size: .6em; display: block; width: 23px; text-align: center;line-height: 23px;">{{produce.payBackTitleCount}}</i></span>	
									</div>
									<span style="display: block;margin-top:2px;font-size: 13px; color: #AAAAAA">粉丝：{{produce.fs}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户龄：{{produce.sort}}天</span>
								</div>
							</div>
						</a>
						<a href="#/tab/zjrCreditCheck/{{produce.userId}}" style="text-decoration: none;color: black; display: block;width: 22%;float:right;margin-top:20px;">
							<div style="line-height: 25px;font-size:13px;color:#A2A2A2;text-align: right;padding-right:5px;">
								<img src="img/zclzx1.png" style=" width:100%"/>
							</div>
						</a>
					</div>
					
					<div style="border-bottom: 1px solid #eaeaea;height: 5px;clear: left;"></div>
					<a href="#/tab/zjr/produceDuan/{{produce.produceId}}" 	style="text-decoration: none;color: black;">
						<div style="margin-top: 10px;height: 50px;border-bottom: 1px solid #eaeaea;">
							<div style="float: left;width: 28%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.totalPrice-produce.investAccount | number:0}}/{{produce.totalPrice}}</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">尚需/借款</span>
							</div>
							<div style="float: left;width: 19%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.interestRates*100 | number:0}}%</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">年利率</span>
							</div>
							<div style="float: left;width: 19%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.deadLine | number:0}}</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">期限(天)</span>
							</div>
							<div style="font-size: 13px;float: left;width: 25%;text;text-align: center;height: 25px;padding-top:10px;line-height: 15px;padding:2 10 2 10; 	overflow:hidden;text-overflow:ellipsis;white-space:nowap;margin-left:3%;">
								{{produce.memo}}
							</div>
						</div>
					</a>
				</div>
				<div style="height: 10px;background-color: #F8F8F8;"></div>												
			</ion-item>
			<ion-infinite-scroll ng-if="duanNoMore" on-infinite="loadDuanProduces()" distance="20%"></ion-infinite-scroll>
		</ion-list>
		
		
		<!--长贷-->
		<ion-list ng-if="isDuan==1" style="min-height: 30px;">
			<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="produce in changProduces" type="item-text-wrap"  style="border:0px;padding:0;margin: 0;">
				<div style="border-bottom:background-color: white;width:100%;">
					<div style="width: 100%;margin-top: 5px;height:52px;">
						<a ng-click="showMe()" style="text-decoration: none;color: black; display: block;float: left;width: 78%;">
							<div style="height: 47px;">
								<div style="float:left;width: 50px;margin-left: 15px;position:relative;">
									<img ng-src="http://image.credit-manage.com/{{produce.headPic}}" width="50px" height="50px" style="border-radius: 100%;border:1px solid #d7d6d6;"  ng-if="produce.headPic!=null&&produce.headPic!=''">
									<img ng-src="img/head.png" width="50px" height="50px" style="border-radius: 100%;border:1px solid #d7d6d6;" ng-if="produce.headPic==null||produce.headPic==''">
									<img ng-if="produce.payBackTitle==2"  src="img/tq.png" style="position: absolute; left: -9px;top:-9px;" />
									<img ng-if="produce.payBackTitle==1" src="img/ss.png" style=" position: absolute; left: -9px;top:-9px;"/>
								</div>
								<div style="float: left;margin-left: 10px;">
									<div style="height: 30px;">
										<p style="float: left; font-size: 15px; margin: 5px 0 0 0 ; height:25px; line-height: 25px;">{{produce.name}}</p>
										<em style="float: left; font-style: normal; display: block;background: #f6a91d; color: #fff; font-size: 11px; width: 28px; height: 16px; line-height: 16px; text-align: center; border-radius: 4px; margin-top: 9px; margin-left: 5px;">LV{{produce.tlevel}}</em>
										<span ng-if="produce.payBackTitle==2" style="background: url(img/tqwc.jpg) no-repeat left center; background-size:cover; width: 71px; height: 23px; display: block; float: left; text-align: left;  color: #fff;  line-height: 23px; margin-top: 6px; margin-left: 10px;"><i style="font-style: normal; color: #fff;font-size: .6em; display: block; width: 23px; text-align: center;line-height: 23px;">{{produce.payBackTitleCount}}</i></span>																
										<span ng-if="produce.payBackTitle==1" style="background: url(img/sswc.jpg) no-repeat left center; background-size:cover; width: 71px; height: 23px; display: block; float: left; text-align: left;  color: #fff;  line-height: 23px; margin-top: 6px; margin-left: 10px;"><i style="font-style: normal; color: #fff;font-size: .6em; display: block; width: 23px; text-align: center;line-height: 23px;">{{produce.payBackTitleCount}}</i></span>	
									</div>
									<span style="display: block;margin-top:2px;font-size: 13px; color: #AAAAAA">粉丝：{{produce.fs}} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;户龄:{{produce.type}}天</span>
								</div>
							</div>
						</a>
						<a href="#/tab/zjrCreditCheck/{{produce.userId}}" style="text-decoration: none;color: black; display: block;width: 22%;float:right;margin-top:20px;">
							<div style="line-height: 25px;font-size:13px;color:#A2A2A2;text-align: right;padding-right:5px;">
								<img src="img/zclzx1.png" style=" width:100%"/>
							</div>
						</a>
					</div>
					
					<div style="border-bottom: 1px solid #eaeaea;height: 5px;clear: left;"></div>
					<a href="#/tab/zjr/produceChang/{{produce.longProduceId}}" 	style="text-decoration: none;color: black;">
						<div style="margin-top: 10px;height: 50px;border-bottom: 1px solid #eaeaea;">
							<div style="float: left;width: 28%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.totalPrice-produce.investAccount | number:0}}/{{produce.totalPrice}}</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">尚需/借款</span>
							</div>
							<div style="float: left;width: 19%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.interestRates*100 | number:0}}%</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">年利率</span>
							</div>
							<div style="float: left;width: 19%;text-align: center;border-right: 1px solid #eaeaea;">
								<span style="color:blue;font-size: 14px;">{{produce.period | number:0}}</span><br/>
								<span style="font-size: 13px;color: #A2A2A2;">期数</span>
							</div>
							<div style="font-size: 13px;float: left;width: 25%;text;text-align: center;height: 25px;padding-top:10px;line-height: 15px;padding:2 10 2 10; 	overflow:hidden;text-overflow:ellipsis;white-space:nowap;margin-left:3%;">
								{{produce.memo}}
							</div>
						</div>
					</a>
				</div>
				<div style="height: 10px;background-color: #F8F8F8;"></div>												
			</ion-item>
			<ion-infinite-scroll ng-if="changNoMore" on-infinite="loadChangProduces()" distance="20%"></ion-infinite-scroll>
		</ion-list>
		
		<div style="width: 100%;">
			<div ng-if="noData" style="background-image: url(img/zw.png);background-repeat: no-repeat;width: 150px;height: 181px;background-position: center;margin: 0 auto;margin-top:50px ;">
				&nbsp;
			</div>
		</div>
	</ion-content>
	</ion-side-menu-content>  
	<!-- 右侧菜单 -->   
	<ion-side-menu side="right" menu-toggle="right" width="250">
		<div style="margin-top: 40px;">
			<div style="background-color: #e3e4e6;height: 30px;color: #A8A7A7;line-height: 35px;font-size: 16px;padding-left:20px;">筛选</div>
			<div style="margin-top: 10px;text-align: center;" ng-if="isDuan==0">
			<div class="sDiv">
					<div ng-if="changFilter1==8">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter()" >全部</button>
					</div>
					<div ng-if="duanFilter!=8">
						<button class="sBtn" ng-click="changeDuanFilter()" >全部</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==3">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(3)" >高息专区</button>
					</div>
					<div ng-if="duanFilter!=3">
						<button class="sBtn" ng-click="changeDuanFilter(3)" >高息专区</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==7">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(7)">我的关注</button>
					</div>
					<div ng-if="duanFilter!=7">
						<button class="sBtn" ng-click="changeDuanFilter(7)">我的关注</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==1">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(1)">今日发布</button>
					</div>
					<div ng-if="duanFilter!=1">
						<button class="sBtn" ng-click="changeDuanFilter(1)">今日发布</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==2">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(2)">今日结束</button>
					</div>
					<div ng-if="duanFilter!=2">
						<button class="sBtn" ng-click="changeDuanFilter(2)">今日结束</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==5">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(5)">LV等级</button>
					</div>
					<div ng-if="duanFilter!=5">
						<button class="sBtn" ng-click="changeDuanFilter(5)">LV等级</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="duanFilter==6">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter(6)">粉丝</button>
					</div>
					<div ng-if="duanFilter!=6">
						<button class="sBtn" ng-click="changeDuanFilter(6)">粉丝</button>
					</div>
				</div>
			</div>
			<div style="margin-top: 10px;text-align: center;" ng-if="isDuan==1">
<!--						<div class="sDiv">
					<div ng-if="changFilter1==8">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeDuanFilter()" >全部</button>
					</div>
					<div ng-if="duanFilter!=8">
						<button class="sBtn" ng-click="changeDuanFilter()" >全部</button>
					</div>
				</div>-->
				<div class="sDiv">
					<div ng-if="changFilter==1">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(1)">期数</button>
					</div>
					<div ng-if="changFilter!=1">
						<button class="sBtn" ng-click="changeChangFilter(1)">期数</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="changFilter==2">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(2)">粉丝</button>
					</div>
					<div ng-if="changFilter!=2">
						<button class="sBtn" ng-click="changeChangFilter(2)">粉丝</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="changFilter==3">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(3)">今日发布</button>
					</div>
					<div ng-if="changFilter!=3">
						<button class="sBtn" ng-click="changeChangFilter(3)">今日发布</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="changFilter==4">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(4)">今日结束</button>
					</div>
					<div ng-if="changFilter!=4">
						<button class="sBtn" ng-click="changeChangFilter(4)">今日结束</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="changFilter==5">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(5)">LV等级</button>
					</div>
					<div ng-if="changFilter!=5">
						<button class="sBtn" ng-click="changeChangFilter(5)">LV等级</button>
					</div>
				</div>
				<div class="sDiv">
					<div ng-if="changFilter==6">
						<button style="background-color: dodgerblue;color: white;" class="sBtn" ng-click="changeChangFilter(6)">我的关注</button>
					</div>
					<div ng-if="changFilter!=6">
						<button class="sBtn" ng-click="changeChangFilter(6)">我的关注</button>
					</div>
				</div>
			</div>
		</div>
		
	</ion-side-menu>   
	</ion-side-menus>
</ion-view>